Estoy creando un editor de código similar a Codepen, sin embargo, cuando intento hacer que mi área de texto de Javascript diga </script> , pensará que quiero finalizar el script del programa real.

 <script> function compile() { var html = document.getElementById("html"); var css = document.getElementById("css"); var js = document.getElementById("js"); var code = document.getElementById("code").contentWindow.document; submit = () => { code.open(); code.writeln( html.value + "<style>" + css.value + "</style>" + "<script>" + js.value + "</script>" ); code.close(); }; } compile(); </script>

Entiendo que esto podría solucionarse fácilmente al convertirlo en un archivo .js separado, pero quiero saber cómo colocar este script en un archivo HTML sin pensar que "" es finalizar el script de archivos html real.

Gracias de antemano